<template>
    <div class="big-file-upload">
        <label>
            上传文件:
            <input type="file" accept="image/*" @change="changeFile" />
        </label>
        <label>分装组件: <upload v-model="form.file2"></upload></label>
        <label>大文件: <upload v-model="form.file3" accept="*"></upload></label>
        <label><a-button @click="clickUpload">上传</a-button></label>
    </div>
</template>
<script setup lang="ts">
import Upload from '@/components/Upload/index.vue'
import { ref } from 'vue'

const form = ref({ file: '', file2: '', file3: '' })
const changeFile = (event: Event) => {
    console.log(event)
}
const clickUpload = () => {
    console.log('clickUpload')
}
</script>
<style lang="scss" scoped>
.big-file-upload {
    display: flex;
    flex-direction: column;
    row-gap: 20px;
    label {
        display: flex;
        gap: 20px;
    }
}
</style>
